﻿/*全局*/
html, body, div, span, iframe, map, font, input, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, address, code, dl, dt, dd, a, ol, ul, li, form, label, table, tr, td, th { padding: 0; margin: 0; border: 0; }
body{ margin:0px}
input[type=text], input[type=button], input[type=submit] { -webkit-appearance: none; }
input, select, button, textarea { outline: none; font-family: normal; resize: none; }
a{color:#333;text-decoration:none;cursor:pointer}
a:hover {color:#CC3300;text-decoration:underline;}
/*header部分*/
#nav { height: 30px; width: 100%;}
#nav ul { margin: 0 0 0 30px; padding: 0px; font-size: 12px; color: #FFF; line-height: 30px; whitewhite-space: nowrap; }
#nav li { list-style-type: none; display: inline; }
#nav li a { text-decoration: none; font-family: Arial, Helvetica, sans-serif; padding: 7px 10px; color: #FFF; }
#nav li a:hover { color: #ff0; background-color: #0066cc; }
.curr a{ color: #ff0; background-color: #0066cc; }
.div-header{width:100%; height:360px; background-color:#6fb6fd}
.div-header h1{color:White; font-size:100px;line-height: 1;letter-spacing: -2px;font-weight: 700;margin:0px;text-align:center}
.div-header h2{color:White; font-size:30px;line-height: 1;letter-spacing: -2px;font-weight: 700;margin:0px;text-align:center}
.div-button{background: none repeat scroll 0 0 #0066cc; width:260px;height:50px;border-width: 0;font-size: 17px;color: #FFFFFF;font-weight: 500;border-radius: 6px;cursor:pointer; margin-left:auto; margin-right:auto; line-height:50px; text-align:center; font-weight:bolder; font-size:22px}
.div-button a{color:#ffffff;text-decoration:none;}
/*intro部分*/
#intro-feature-list {width: 540px;margin: 5px auto;padding:0px;display:table;}
#intro-feature-list li {float: left;width: 540px;height: 100px;list-style-type: none;text-align:left;}
.intro-feature-title{margin:0px; color:#0066cc;line-height:32px}
.intro-feature-icon{background:url(/Image/config.png); height:32px; width:32px; float:left}
.intro-feature-desc{padding-left:32px; font-size:16px}
.intro-feature{width:100%;}
.about{border:1px solid #0066cc; width:600px;margin-left:auto;margin-right:auto; padding:6px}
.footer {bottom: 0px;left: 0px;color: #666;width: 100%;clear: both;line-height: 30px;background-color: #ebebed;text-align:center;}
/*discuss部分*/
.discuss-ask{width:40%;padding: 20px; margin-left:auto; margin-right:auto}
.discuss-header{padding: 20px;width: 60%; margin-left:auto; margin-right:auto}
.discuss-list {padding: 20px;width: 60%; margin-left:auto; margin-right:auto}
.discuss-list-item {width: 100%; margin-bottom:10px}
.discuss-list-item-header {width: 100%; height:20px;}
.discuss-list-item-header-floor { width:100px; float:left; color:#0066cc}
.discuss-list-item-header-name { width:100px; float:left; color:#0066cc}
.discuss-list-item-header-time {width:200px; float:left; color:#0066cc}
.discuss-list-item-content {width: 100%; font-size:12px; line-height:16px}
.discuss-button{background: none repeat scroll 0 0 #0066cc; width:60px;height:26px;border-width: 0;font-size: 12px;color: #FFFFFF;font-weight: 200;border-radius: 2px;cursor:pointer;line-height:26px; text-align:center; font-weight:bolder; font-size:12px; margin-left:auto; margin-right:auto}
.discuss-button a{color:#ffffff;text-decoration:none;}
.discuss-list-item-reply{width: 100%;margin-left:auto; margin-right:auto}
.discuss-list-item-reply-header{width: 100%; height:20px;}
.discuss-list-item-reply-header-floor{ width:100px; float:left; color:Green; font-weight:200}
.discuss-list-item-reply-header-name{width:100px; float:left; color:Green; font-weight:200}
.discuss-list-item-reply-header-time{width:200px; float:left; color:Green; font-weight:200}
.discuss-list-item-reply-content{width: 100%; font-size:12px; line-height:16px; color:Green; font-weight:200}
.discuss-pager {padding: 20px;width: 60%; margin-left:auto; margin-right:auto}
/*通用分页样式*/
.page-nav{ width:100%;height:34px;line-height:34px;margin-top:10px;margin-left:auto;margin-right:auto;text-align:right;}
.page-nav span{height:34px;line-height:34px;text-align: center;}
.page-nav a{ color:rgb(52, 116, 208); text-decoration:none;width:40px;height: 34px;border: 1px solid #e1e2e3;text-align: center;display:inline-block;line-height: 34px;}
.page-nav a:link{color:rgb(52, 116, 208); text-decoration:none;}
.page-nav a:visited{color:rgb(52, 116, 208); text-decoration:none;}
.page-nav a:hover{ background: #f2f8ff; text-decoration:underline;border: 1px solid #38f;}
.page-nav a:actived{ color:rgb(52, 116, 208); text-decoration:none;}
.page-nav strong .cur{width: 30px;height: 30px;line-height: 30px;display:inline-block;}
/*form样式部分*/
.red{ color:Red; font-weight:200}
.f-txtbox { width: 180px; line-height: 32px; border-bottom: 1px solid #dbdbdb; font-size: 16px; color: #444; padding: 2px 0; transition: all 0.3s ease-in-out; padding-left: 0px; cursor: pointer; }
.f-txtbox:focus { border-color: #2196F3; box-shadow: 0 0 8px rgba(33, 150, 243, 0.3); }
.map-left { width: 20%; position: absolute; height: 100%;padding:0 20px }
.map-right { width: 80%; position: absolute; left: 20%; height: 100%; overflow-y: auto; }
.mt0 { margin-top: 0em }
.block { display: block }
.inline-block { display: inline-block }
.tbl-container { height: calc(100% - 60px); overflow-y: auto; }
.hide { display: none }
.tbl-container .xh {display:inline-block;text-align:right; }

.table-container { width: 100%; overflow-x: auto; }
table { table-layout: fixed; width: 100%; }
.f-table { margin-top: 5px; }
.f-table .nowrap { white-space: nowrap; }
.f-table tr { animation: slideIn 0.5s ease-out; transition: all 0.3s ease, height 0.5s ease; background: #fff; line-height: 30px; }
.f-table th { color: #444444; font-size: 12px; background-color: #f2f2f2; text-align: center; transition: transform 0.3s ease; background-image: -webkit-gradient(linear,leftbottom,lefttop,color-stop(0.32,#ececec),color-stop(0.66,#f2f2f2),color-stop(0.83,#f5f5f5)); background-image: -webkit-linear-gradient(#ececec,#f2f2f2,#f5f5f5); background-image: -moz-linear-gradient(top,#ececec,#f2f2f2,#f5f5f5); background-image: -o-linear-gradient(#ececec,#f2f2f2,#f5f5f5); background-image: linear-gradient(#ececec,#f2f2f2,#f5f5f5); }
.f-table td { border-bottom: 1px solid #e8eaef; background-color: #ffffff; font-size: 12px; text-align: center; vertical-align: middle; transition: transform 0.3s ease; }
.f-table tr:hover td:not(.f-dropdown-container) { background: #f5f5f5; transform: scale(1); box-shadow: 0 2px 8px rgba(0,0,0,0.1); cursor: pointer; }
.f-table td.menu-container { background: inherit; }
.f-table tr:active { background: #fffcb7; transition-duration: 0.1s; }

@keyframes slideIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideOut {
    30% { transform: translateX(-50px); }
    100% { opacity: 0; transform: translateX(100%); height: 0; padding-top: 0; padding-bottom: 0; }
}

.f-table tr.over td { background: #f5f5f5; }
.f-table .tdleft { text-align: left }
.f-table .tdright { text-align: right }
.f-table .tdcenter { text-align: center; vertical-align: middle }
.f-table td a { color: #000000; text-decoration: none; font-size: 16px }
.f-table td a:link { color: #000000; text-decoration: none; }
.f-table td a:visited { color: #000000; text-decoration: none; }
.f-table td a:hover { color: #ff2020; text-decoration: underline; }
.f-table .td-long-word { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.ok-btn { width: 60px; height: 40px; background: #3d93d7; letter-spacing: 1px; color: white; border: 1px solid #3d93d7; border-radius: 2px; -webkit-border-radius: 2px; font-size: 16px; line-height: 35px; cursor: pointer; }
.ok-btn:hover { background: #2180c9; }
.ret-btn { width: 60px; height: 40px; background: #908f8f; letter-spacing: 1px; color: white; border: 1px solid #565656; border-radius: 2px; -webkit-border-radius: 2px; font-size: 16px; line-height: 35px; cursor: pointer; }
.ret-btn:hover { background: #838282; }
.red-btn { width: 60px; height: 40px; background: red; letter-spacing: 1px; color: white; border: 1px solid red; border-radius: 2px; -webkit-border-radius: 2px; font-size: 16px; line-height: 35px; cursor: pointer; }
.red-btn:hover { background: #f8b35b; border: 1px solid #f8b35b; }
.hid-btn { visibility: hidden; width: 12px }
.form { width: 500px; border: 1px solid #dbdbdb; padding-top: 10px;margin-left:auto;margin-right:auto;padding:0 20px }

#tip_message { z-index: 9999; position: fixed; left: 0; top: 40%; text-align: center; width: 100%; }
#tip_message span { background-color: #03C440; opacity: .8; padding: 20px 50px; border-radius: 5px; text-align: center; color: #fff; font-size: 20px; }
#tip_message span.error { background-color: #EAA000; }
.f-green-lable { width: 100px;display:inline-block; color: green; text-align: center; background-color: #d0faca; margin: auto; padding-top: 1px; padding-bottom: 1px; line-height: unset !important; }

.f-ask-popup { display: none; width: 400px; height: 300px; position: fixed; top: calc(50% - 130px); left: calc(50% - 190px); z-index: 20000; background: white; overflow-y: hidden; overflow-x: hidden }
.f-ask-popup .title { width: 50%; color: White; float: left; height: 30px; line-height: 30px; background: #3d93d7; border-left: 0.4em solid #3d93d7; border-right: 0.4em solid #3d93d7; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.f-ask-popup .close { width: 50%; color: White; float: left; height: 30px; line-height: 30px; background: #3d93d7; display: flex; align-items: center; justify-content: flex-end; border-right: 0.4em solid #3d93d7; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.f-ask-popup .close a { display: block; height: 21px; line-height: 21px; }
.f-ask-popup .close a img { }
.f-ask-popup .form { width: 100%; text-align: center; font-size: 16px; height: 270px; margin: 0 auto; margin-top: 30px; overflow-x: auto; overflow-y: auto; border-left: 5px solid #3d93d7; border-right: 5px solid #3d93d7; border-bottom: 5px solid #3d93d7; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.f-ask-popup .btn { position: absolute; bottom: 8px; left: calc(50% - 70px); text-align: center; }
.f-ask-popup { width: 330px; height: 150px; top: calc(50% - 75px); left: calc(50% - 165px); }
.f-ask-popup .form { height: 120px; padding-top: 20px; box-sizing: border-box; }
.f-shade { width: 100%; height: 100%; opacity: 0.8; filter: alpha(opacity=80); display: none; position: fixed; top: 0; left: 0; z-index: 1000; background: silver; }
.f-popup-shade { width: 100%; height: 100%; opacity: 0.8; filter: alpha(opacity=80); display: none; position: fixed; top: 0; left: 0; z-index: 1000; background: silver; }
.f-button, .f-ret-button, .f-red-button { width: 60px; height: 40px; background: #3d93d7; letter-spacing: 1px; color: white; border: 1px solid #3d93d7; border-radius: 2px; -webkit-border-radius: 2px; font-size: 16px; line-height: 35px; cursor: pointer; }
.f-button:hover { background: #2180c9; }
.f-ret-button { background: #908f8f; border: 1px solid #565656 }
.f-ret-button:hover { background: #838282; }
.f-red-button { background: red; border: 1px solid red; color: white }
.f-red-button:hover { background: #f8b35b; }
